<template>
	<div class="nav1">
		<ul>
			<li>
					<div class="nav1-img"><img src="https://s2.mogucdn.com/mlcdn/c45406/170605_5h9jcjch59i1gflh43gf5g90lk6lb_200x200.png_160x160.v1cAC.70.webp"/></div>
					<div class="nav1-name">明星速递</div>
			</li>
			<li>
					<div  class="nav1-img"><img src="https://s2.mogucdn.com/mlcdn/c45406/170508_64l5b36l6ijeieeilhkf9cg0g6gj4_225x225.png_160x160.v1cAC.70.webp"/></div>
				<div class="nav1-name">今日上新</div>
			</li>
			<li>
					<div class="nav1-img"><img src="https://s2.mogucdn.com/mlcdn/c45406/170508_74lld3lfei4h3283hi08dka46dehh_225x225.png_160x160.v1cAC.70.webp" /></div>
				<div class="nav1-name">热销单品</div>
			</li>
			<li>
					<div class="nav1-img"><img src="https://s2.mogucdn.com/mlcdn/c45406/170420_546j13c891lc706f3lda52al3ck9l_225x225.png_160x160.v1cAC.70.webp"/></div>
				<div class="nav1-name">省心套装</div>
			</li>
		</ul>
	</div>
</template>


<style>
	.nav1{
		margin-bottom: .3rem;
	}
	.nav1 ul {
		display: flex;
		background: #fff;
		padding: 0 0.066666rem;
	}
	.nav1 ul li{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 25%;
		padding: 0.2rem 0px;
	}
	 .nav1-img{
		margin-bottom: 0.133333rem;
	}
	.nav1-img img{
		/*width: 90%;*/
		width: 2rem;
	}
	.nav1-name{
		font-size: 0.36rem;
		color: somber;
	}
</style>

<script>
</script>
